@import './common.less';
@import './likebs4.css';

/*在var中的变量只要在 属性元素使用它的DOM 修改var中的变量就可以将其改变 style中或者class中都可以改变这个变量的值 下面的变量会在body的style属性中设置新的值以达到新的颜色主题效果 */
// var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。
html,
body {
  color: var(--font-color);

  background-color: var(--theme-bg);
  transition: background-color 0.2s ease;
  // height: 100%;
  // background-color: pink;
  a {
    color: var(--font-color);
    text-decoration: underline;
    text-decoration-color: lightcoral;
  }
}

#app {
  font-family: 'jiangcheng';
  font-size: 16px;
  width: 90%;
  height: 100%;

  pre {
    border-radius: 4px;
    font-family: 'jiangcheng';
    display: inline-block;
    white-space: pre-wrap;
    border: 1px dashed #17a2b8;
  }
  hr {
    box-shadow: 1px 1px 5px pink;
    opacity: 0.8;
    height: 2px;
    background-color: pink;
  }
}
